<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../font_ylp5j2ulmh/iconfont.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/right_sidebar.css">
    <!-- <link rel="stylesheet" href="../font_le5z9lzqv9s/iconfont.css"> -->
    <link rel="stylesheet" href="../font_5w5hxztpej7/iconfont.css">
    <link rel="stylesheet" href="../font_le5z9lzqv9s/iconfont.css">
</head>

<body>
    <header>

    </header>
    <!-- ------------------头部------------------- -->


    <!-- ----------------------大轮播图------------ -->
    <div class="indexBanner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="javascript:;"><img src="../img/51.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="javascript:;"><img src="../img/52.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="javascript:;"><img src="../img/53.jpg" alt=""></a></div>
                <div class="swiper-slide"><a href="javascript:;"><img src="../img/54.jpg" alt=""></a></div>
            </div>

            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!-- -------------------------领券中心------------- -->
    <div class="same">
        <div class="lingquan">
            <img src="../img/5lingquan.png" alt="">
        </div>
        <!-- -----------------------------限时特惠---------------- -->
        <div class="preferential">
            <div class="preferentialLeft">
                <a href="../html/list.html">
                    <img src="../img/55.jpg" alt="" class="loading">
                </a>
            </div>
            <div class="preferentialRight">
                <a href="../html/list.html">
                    <img src="../img/56.jpg" alt="" class="loading">
                </a>
                <a href="../html/list.html">
                    <img src="../img/57.jpg" alt="" class="loading">
                </a>
                <a href="../html/list.html">
                    <img src="../img/58.jpg" alt="" class="loading">
                </a>
                <a href="../html/list.html">
                    <img src="../img/59.jpg" alt="" class="loading">
                </a>
                <a href="../html/list.html">
                    <img src="../img/60.jpg" alt="" class="loading">
                </a>
                <a href="../html/list.html">
                    <img src="../img/61.jpg" alt="" class="loading">
                </a>
            </div>
        </div>
        <!-- ----------------------限时秒杀--------------- -->
        <div id="flashsale">
            <div class="flashsale">
                <div class="flashsaleLeft">
                    <div>
                        <p class="cn"> <em><img src="../img/5index-icon-3.png" alt="" class="loading"></em> 限时秒杀</p>
                        <div class="time">

                        </div>
                        <a href="../html/list.html" class="more">read more</a>
                    </div>
                </div>
                <div class="flashsaleRight">
                    <div class="swiper-container sc1">
                        <div class="swiper-wrapper sc2">
                            <!-- <div class="swiper-slide "> -->
                            <!-- <a href="../html/details.html">
                                        <img src="../img/3bow.jpg" alt="" class="loading">
                                            <div class="text">
                                                <p>OULE 超轻男士记忆钛合金半框眼镜 时尚商务防蓝光近视眼镜框 枪色</p>
                                                <h2><e>￥</e>108.00</h2>
                                            </div>
                                    </a> -->
                            <!-- </div> -->
                        </div>
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ------------------------热卖推荐----------- -->
    <div class="recomend">
        <div class="same">
            <div class="hot">
                <h2 class="model-name floor_title">热卖推荐</h2>
                <div class="swiper-container sc3">
                    <div class="swiper-wrapper sc4">
                        <!-- <div class="swiper-slide">
                            <a href="../html/list.html">
                                <img src="../img/511.jpg" alt="" class="loading">
                                    <div class="text">
                                        <p>OULE 超轻男士记忆钛合金半框眼镜 时尚商务防蓝光近视眼镜框 枪色</p>
                                        <h2><e>￥</e>168.00</h2>
                                    </div>
                            </a>
                        </div> -->
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- ---------------------------眼镜框---------------------- -->
    <div class="same">
        <div class="eyeglassframe">
            <div class="title">
                <h2 class="bigTitle">眼镜框</h2>
                <ul class="smallTitle">
                    <li>
                        <h4><a href="../html/list.html">儿童眼镜</a></h4>
                    </li>
                    <li>
                        <h4><a href="../html/list.html">女士眼镜</a></h4>
                    </li>
                    <li>
                        <h4><a href="../html/list.html">男士眼镜</a></h4>
                    </li>
                </ul>
            </div>
            <div class="glassContent">
                <div class="gcLeft">
                    <div class="gcLeft-top">
                        <a href="../html/list.html" style="display: inline;">
                            <img class="loading" style="display: inline;" src="../img/517.jpg" class="loading">
                        </a>
                    </div>
                    <div class="gcLeft-bottom">
                        <li class="pic"><a href="../html/list.html"><img src="../img/518.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/519.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/520.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/521.jpg" alt=""
                                    class="loading"></a></li>
                    </div>
                </div>
                <div class="gcRight">
                    <ul class="gc1">
                        <!-- <li class="yGlass">
                                <a href="../html/details.html">
                                    <img src="../img/3bow1.jpg" alt="" class="loading">
                                </a>
                                <div class="txt">
                                    <div class="name">
                                        <a href="../html/details.html"  title="OULE 男女同款个性潮流方框眼镜 商务全框防蓝光近视眼镜框 黑色">OULE 男女同款个性潮流方框眼镜 商务全框防蓝光近视眼...</a></div>
                                    <div class="price"><e>￥</e>118.00</div>
                                </div>
                            </li> -->
                        <li class="viewLook">
                            <a href="../html/list.html">
                                <img src="../img/522.jpg" alt="" class="loading">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- ---------------------------------太阳镜----------------- -->
    <div class="same">
        <div class="sunglasses">
            <div class="title">
                <h2 class="bigTitle">太阳镜</h2>
                <ul class="smallTitle">
                    <li>
                        <h4><a href="../html/list.html">儿童太阳镜</a></h4>
                    </li>
                    <li>
                        <h4><a href="../html/list.html">女士太阳镜</a></h4>
                    </li>
                    <li>
                        <h4><a href="../html/list.html">男士太阳镜</a></h4>
                    </li>
                </ul>
            </div>
            <div class="glassContent">
                <div class="gcLeft">
                    <div class="gcLeft-top">
                        <a href="../html/list.html" style="display: inline;">
                            <img class="loading" style="display: inline;" src="../img/523.jpg" class="loading">
                        </a>
                    </div>
                    <div class="gcLeft-bottom">
                        <li class="pic"><a href="../html/list.html"><img src="../img/524.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/525.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/526.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/527.jpg" alt=""
                                    class="loading"></a></li>
                    </div>
                </div>
                <div class="gcRight">
                    <ul class="gc2">
                        <!-- <li class="sGlass">
                                <a href="../html/details.html">
                                    <img src="../img/3tbow.jpg" alt="" class="loading">
                                </a>
                                <div class="txt1">
                                    <div class="name1">
                                        <a href="../html/details.html" title="OULE 经典男女潮流防紫外线蛤蟆镜 时尚开车驾驶偏光太阳镜 其他备注">OULE 经典男女潮流防紫外线蛤蟆镜 时尚开车驾驶偏光太...</a></div>
                                    <div class="price1"><e>￥</e>118.00</div>
                                </div>
                            </li> -->
                        <li class="viewLook">
                            <a href="../html/list.html">
                                <img src="../img/528.jpg" alt="" class="loading">
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- ---------------------------------眼镜片----------------- -->
    <div class="same">
        <div class="lens">
            <div class="title">
                <h2 class="bigTitle">眼镜片</h2>
                <ul class="smallTitle smallTitle2">
                    <li>
                        <h4><a href="../html/list.html">1.67（适合0~800度）</a></h4>
                    </li>
                    <li>
                        <h4><a href="../html/list.html">1.61（适合0~600度）</a></h4>
                    </li>
                    <li>
                        <h4><a href="../html/list.html">1.56（适合0~300度）</a></h4>
                    </li>
                </ul>
            </div>
            <div class="glassContent">
                <div class="gcLeft">
                    <div class="gcLeft-top">
                        <a href="../html/list.html" style="display: inline;">
                            <img class="loading" style="display: inline;" src="../img/529.jpg" class="loading">
                        </a>
                    </div>
                    <div class="gcLeft-bottom">
                        <li class="pic"><a href="../html/list.html"><img src="../img/530.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/531.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/532.jpg" alt=""
                                    class="loading"></a></li>
                        <li class="pic"><a href="../html/list.html"><img src="../img/533.jpg" alt=""
                                    class="loading"></a></li>
                    </div>
                </div>
                <div class="gcRight">
                    <ul class="gc3">
                        <!-- <li class="lGlass">
                                <a href="../html/details.html">
                                    <img src="../img/3pbow.jpg" alt="" class="loading">
                                </a>
                                <div class="txt2">
                                    <div class="name2">
                                        <a href="../html/details.html"  title="OULE镜片 1.56超薄非球面防辐射 高清防蓝光镜片 两片价">OULE镜片 1.56超薄非球面防辐射 高清防蓝光镜片 ...</a></div>
                                    <div class="price2"><e>￥</e>128.00</div>
                                </div>
                            </li> -->
                        <li class="viewLook">
                            <a href="../html/list.html">
                                <img src="../img/534.jpg" alt="" class="loading">
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/echo.min.js"></script>
    <script>
        Echo.init({

            offset: 0,

            throttle: 500

        });
    </script>
    <!-- -----------------------------------配镜指南------------- -->
    <div class="same">
        <div class="guide">
            <div class="title">
                <h2 class="bigTitle">配镜指南</h2>
                <ul class="smallTitle smallTitle1">
                    <li>
                        <h4><a href="../html/list.html">查看更多 ></a></h4>
                    </li>
                </ul>
            </div>
            <div class="guideContent">
                <div class="guideContentLeft">
                    <li>
                        <a href="javascript:;">
                            <div class="date">
                                <span class="day">30</span><span class="year">2020-11</span>
                            </div>
                            <div class="text">
                                <h3 class="title2">更换眼镜架需要多少钱？</h3>
                                <p>如果说镜片是一副眼镜的核心，那么眼镜架就是支撑这个核心的柱子，重要性非常之大。目前在眼镜行业上，眼镜架如果按照材质来划分...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="date">
                                <span class="day">26</span><span class="year">2020-11</span>
                            </div>
                            <div class="text">
                                <h3 class="title2">怎么配眼镜比较便宜？</h3>
                                <p>眼镜越来越广泛的用在各个场合了，无论是时尚的潮男潮女还是活跃在各个小公司的职员们，配眼镜无外乎是视力的需要或者是场合的需...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="date">
                                <span class="day">24</span><span class="year">2020-11</span>
                            </div>
                            <div class="text">
                                <h3 class="title2">晚上可以配眼镜吗?</h3>
                                <p>白天与晚上都是可以配眼镜的，但是一般情况下，眼镜店最晚也只是营业到晚上10点左右就会关门了，所以想要晚上去配眼镜的人，最...</p>
                            </div>
                        </a>
                    </li>
                </div>
                <div class="guideContentRight">
                    <li>
                        <a href="javascript:;">
                            <div class="date">
                                <span class="day">26</span><span class="year">2020-11</span>
                            </div>
                            <div class="text">
                                <h3 class="title2">高度近视配眼镜要注意什么？</h3>
                                <p>近视者配镜是一件很常见的事情，也是比较简单的事情，而对于高度近视者而言，配眼镜没有那么简单了。由于度数过高，镜片、镜框、...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="date">
                                <span class="day">24</span><span class="year">2020-11</span>
                            </div>
                            <div class="text">
                                <h3 class="title2">配眼镜哪个牌子好？</h3>
                                <p>在眼镜的选择上，多数人还是比较信赖那些品牌的，这与它们的质量有着重大的因素，当然还有相关的服务也是一般的所不能比的。而眼...</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="date">
                                <span class="day">17</span><span class="year">2020-11</span>
                            </div>
                            <div class="text">
                                <h3 class="title2">专业配眼镜商城有哪些??</h3>
                                <p>专业配眼镜商城，顾名思义就是网上眼镜店，也就是相当于现实生活中的专业配眼镜店。它与正规眼镜实体店相比，减少了中间的很好购...</p>
                            </div>
                        </a>
                    </li>
                </div>
            </div>
        </div>
    </div>

    <!-- --------------尾部-------------- -->
    <footer>

    </footer>

    <!-- 右侧固定栏 -->
    <div id="right">

    </div>
    <script src="../js/ajax.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script src="../js/jquery-1.10.2/jquery.min.js"></script>
    <script src="../js/jquery-1.10.2/jquery.js"></script>
    <!-- <script src="../js/swiper.min.js"></script> -->
    <script src="../js/index.js"></script>


    <script>

        $('header').load('header.html');
        $('footer').load('footer.html');
        $('#right').load('right_sidebar.html');

    </script>

</body>

</html>